<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VueDemo</title>
    <script src="vue.js"></script> <!--注意script必须写为全称-->
    <script>
        //必须使用function方能生效
        window.onload = function () {
            new Vue({
                // el: '#id',//选择器
                el: 'body',//选择器
                data: {
                    msg:'welcome vue',
                    msg2:12,
                    msg3:true,
                    arr:['apple','banana','orange','pear'],//数组形式
                    json:{a:'apple',b:'banana',c:'orange'}//json形式
                }
            });
        };
    </script>
</head>
<body>
<!--<div id="id">-->
<!--    {{msg}}-->
<!--</div>-->
<input type="text" v-model="msg">
<input type="text" v-model="msg">
<br>
{{msg}}
<br>
{{msg2}}
<br>
{{msg3}}

<br>
{{arr}}
<br>
{{json}}
</body>
</html>